import { ref, watch } from 'vue';
/**
 * 自定义Hook函数
 */
function useLocalStorage(key, initialVal) {
    //先从localStorage中取key值 
    const storeValue = localStorage.getItem(key);
    //如果取到了值则使用取到的创建响应式变量，如果没取到则使用默认值创建ref
    const refImpl = ref(storeValue?storeValue:initialVal);
    //监听refImpl的变化，当它发生变化后执行回调
    watch(refImpl, (newVal) => {
        localStorage.setItem(key, newVal);
    });
    return refImpl;
}
export default useLocalStorage;